import { defineAsyncComponent } from 'vue'

/**
 * 导航数据
 * 此处仅配置导航目录的层级结构以及视图组件
 * 实际的渲染结果是根据账号权限动态生成的
 */
const navInfoConf = [
  {
    title: '导航1',
    icon: '',
    key: '', //key为要打开的视图组件名
    children: [
      {
        title: '商品编辑',
        icon: '',
        key: 'ProductGovernView',
      },
      {
        title: '导航2',
        icon: '',
        key: 'nav2',
      },
    ],
  },
  {
    title: '权限',
    icon: '',
    key: 'RolePermView',
    children: [
      // {
      //   title: '创建角色',
      //   icon: '',
      //   key: 'RolePermView',
      // },
      // {
      //   title: '导航4',
      //   icon: '',
      //   key: 'nav4',
      // },
    ],
  },
  {
    title: '第一层导航2',
    icon: '',
    key: 'nav5',
    children: [],
  },
]

/**
 * 导航和视图页配置
 */
const navView = {
  ProductGovernView: defineAsyncComponent(() => import('@/views/product/ProductGovernView.vue')),
  RolePermView: defineAsyncComponent(() => import('@/views/RolePerm/RolePermView.vue')),
}

export { navInfoConf, navView }
